<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车 - 我的购物车</title>
		<link rel="stylesheet" type="text/css" href="css/cart.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
	</head>

	<body>
		<div class="web">
			<header>
				<div class="cart_logo clearfix">
					<a href="index.html"><img src="img/images/meizu_logo.png" /></a>
				</div>
				<div class="cart_nav clearfix">
					<ul>
						<li class="active">购物车</li>
						<li class="active">确认订单</li>
						<li class="active">在线支付</li>
						<li>完成</li>
					</ul>
				</div>
				<div class="cart_nemu clearfix">
					<ul>
						<li>
							<a href="">我的订单</a>
						</li>
						<li>
							<a href="Flyme.html">
								<span class="user_name">用户602627220</span>
								的商城
								<i class="iconfont icon-arrow-down"></i>
							</a>
							<dl class="downmuenu">
								<dt class="downmenu_item"><a href="">地址管理</a></dt>
								<dt class="downmenu_item"><a href="">我的收藏</a></dt>
								<dt class="downmenu_item"><a href="">我的回购券</a></dt>
								<dt class="downmenu_item"><a href="">问题反馈</a></dt>
								<dt class="downmenu_item"><a href="">退出</a></dt>
							</dl>
						</li>
						<!--<li>
							<a href="Flyme.html">登录</a>
						</li>
						<li>
							<a href="">注册</a>
						</li>-->
					</ul>
				</div>
			</header>

			<div class="cart_content">
				<!--<div class="content">
				<div class="content_left"></div>
				<div class="content_right">
					<p>购物车内还没有商品，赶紧去选购吧~</p>
					<span><a href="">返回商城首页</a></span>
				</div>
				</div>-->
				<div class="container">
					<table class="container_header">
						<tbody>
							<tr>
								<td class="select">
									
									<div class="select_all">
										<input type="checkbox" id="check"/>
										
										<label class="select_checkbutton iconfont" for="check">
											</label>
										
											
										
										<span>
											全选
										</span>
									</div>
								</td>
								<td class="select_name">商品</td>
								<td class="select_price">单价（元）</td>
								<td class="select_number">数量</td>
								<td class="select_total">小计(元)</td>
								<td class="select_ctrl">操作</td>
							</tr>
						</tbody>
					</table>
							<table>
								<tbody>
						<tr class="container_list">
							<td colspan="6">
								<div class="select_all">
										<input type="checkbox" id="check2"/>
										
										<label class="select_checkbutton2 iconfont" for="check2">
											</label>
										
											
										
										<span>
											魅族
										</span>
									</div>
									<tr class="container_dt">
										<td class="select">
											<div class="select_all">
												<input type="checkbox" id="check3"/>
										
										<label class="select_checkbutton3 iconfont" for="check3">
											</label>
										
												<span>
											<img src="img/product/meizu_2.png" alt="" />
										</span>
											</div>
											<td class="select_name">
												<h4><a href="product.html">魅族 6</a></h4>
												<p><a href="">全网通公开版 月光银 3GB+32GB</a></p>

											</td>
											<td class="select_price"><p>￥899.00</p></td>
											<td class="select_number">
												<div class="adder">
									<div class="add_jian">
										<button><i class="iconfont icon-jian"></i></button>
									</div>
									<div class="adder_content">
								<input type="text" value="1" />
									</div>
									<div class="add_jia">
										<button><i class="iconfont icon-jia"></i></button>
									</div>
												</div>
											</td>
											<td class="select_total"><p>￥899.00</p></td>
											<td class="select_ctrl"><a href=""><i class="iconfont icon-cuo"></a></i></td>

										</td>
									</tr>
								</tbody>
							</table>
						</li>
					</ul>
					</div>
				</div>
					<div class="container_footer">
						<div class="container_fl clearfix">
							<div class="select_all clearfix">
								<input type="checkbox" id="check4"/>
										
										<label class="select_checkbutton4 iconfont" for="check4">
											</label>
										
								<span class="select_first">
											全选
										</span>
										<span class="select_second">删除选中的商品</span>
										<span class="select_third">
											共
											<span class="select_fourth">
												1
											</span>
											<span class="select_third">
												件商品，已选择
												<span class="select_fifth">1</span>
												<span class="select_sixth">
													件
												</span>
											</span>
										</span>
								</div>
						</div>
						<div class="container_rl clearfix">
							<span>
								已优惠
								<span class="container_num">0.00</span>
								<span>元，合计(不含运费)：</span>
								<h2 class="container_mon">￥899.00</h2>
								
							</span>
						<div class="container_bt">
							<a href="">去结算</a>
						</div>
						</div>
					</div>
					<footer class="footer">
						<div class="footer_serve">
							<div class="serve_left clearfix">
								<ul>
									<li>
										<a href="">
											<div><img src="img/images/meizu_footer_1.png" alt="" /></div>
											<span>顺丰包邮</span>
										</a>
									</li>
									<li>
										<a href="">
											<div><img src="img/images/meizu_footer_2.png" alt="" /></div>
											<span>100+ 城市次日送达</span>
										</a>
										<li>
											<a href="">
												<div><img src="img/images/meizu_footer_3.png" alt="" /></div>
												<span>7天无理由退货</span>
											</a>
										</li>
										<li>
											<a href="">
												<div><img src="img/images/meizu_footer_4.png" alt="" /></div>
												<span>15天换货保障</span>
											</a>
											<li>
												<a href="">
													<div><img src="img/images/meizu_footer_5.png" alt="" /></div>
													<span>1年免费保修</span>
												</a>
											</li>
											<li>
												<a href="">
													<div><img src="img/images/meizu_footer_6.png" alt="" /></div>
													<span>2300+ 线下体验店</span>
												</a>
												<li>
													<a href="">
														<div><img src="img/images/meizu_footer_7.png" alt="" /></div>
														<span>远程支持服务</span>
													</a>
												</li>
												<li>
													<a href="">
														<div><img src="img/images/meizu_footer_8.png" alt="" /></div>
														<span>上门快修</span>
													</a>
												</li>
								</ul>
							</div>
							<div class="serve_right clearfix">
								<span>24小时全国服务热线</span>
								<p>400-788-3333</p>
								<a href=""><img src="img/images/meizu_footer_9.png" alt="" />
									<span>在线客服</span>
								</a>
							</div>
						</div>
						<div class="footer_nav clearfix">
							<ul>
								<li>
									<a href="">了解魅族</a>
								</li>
								<li>
									<a href="">加入我们</a>
								</li>
								<li>
									<a href="">联系我们</a>
								</li>
								<li>
									<a href="">Flyme</a>
								</li>
								<li>
									<a href="">魅族社区</a>
								</li>
								<li>
									<a href="">天猫旗舰店</a>
								</li>
								<li>
									<a href="">问题反馈</a>
								</li>
								<li>
									<a href="">线上销售授权名单公示</a>
								</li>
							</ul>
							<div>
								<p class="clearfix">
									&copy;2017 Meizu Telecom Equipment Co.,Ltd.All rights reserved.
									<a href="#">粤ICP备1300360号-2</a>
									<a href="#">粤ICP备1300360号-2</a>
									<a href="">营业执照</a>
									<a href="">法律声明</a>
									粤公网安备 44049102496009 号
								</p>
								<span class="clearfix">
				<a href=""><i class="iconfont icon-iconfonticonfontweibo"></i> </a>
				<a href=""><i class="iconfont icon-weixin"></i>
				</a>
				<a href="">
					<i class="iconfont icon-kongjian"></i>
				</a>
				</span>
							</div>
						</div>
					</footer>
	</body>

</html>